<!doctype html>
<html lang="en" id="enroll_detail" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/friend_detail.css">
</head>
<body>
    <div class="common-header">
        <div class='left'>
            <a href="javascript:window.history.back();"><i class='iconfont icon-left'></i></a>
        </div>
        <div class="middle">会员详细</div>
    </div>

    <div class="user-basic" style="height:130px;">
        <div class="info">
            <img :src="mainInfo.photo">
            <p>交友ID：\{{mainInfo.id}}</p>
            <small>\{{mainInfo.nickname}} \{{mainInfo.sex}}</small>
        </div>
    </div>
    <div class="head">
        <i class="iconfont icon-bold-heart yellow"></i>
        <span>自我介绍</span>
    </div>
    <p class="inner">\{{mainInfo.introduction}}</p>
    <div class="head">
        <i class="iconfont icon-bold-heart red"></i>
        <span>形象照</span>
    </div>
    <div style="text-align: center;">
        <img :src="mainInfo.photo" style="width: 80%;padding-top: 10px;">
    </div>

    <div class="head">
        <i class="iconfont icon-bold-heart blue"></i>
        <span>基本资料</span>
    </div>
    <ul>
        <li>出生日期<span>\{{mainInfo.birthday}}</span></li>
        <li>身&nbsp;&nbsp;高<span>\{{mainInfo.height}}</span></li>
        <li>体&nbsp;&nbsp;重<span>\{{mainInfo.weight}}</span></li>
        <li>民&nbsp;&nbsp;族<span>\{{mainInfo.nation}}</span></li>
        <li>籍&nbsp;&nbsp;贯<span>\{{mainInfo.nativePlace}}</span></li>
        <li>职&nbsp;&nbsp;业<span>\{{mainInfo.profession}}</span></li>
        <li>学&nbsp;&nbsp;历<span>\{{mainInfo.education}}</span></li>
        <li>婚姻状况<span>\{{mainInfo.marry}}</span></li>
        <li>住房情况<span>\{{mainInfo.houseStatus}}</span></li>
        <li>购车情况<span>\{{mainInfo.carStatus}}</span></li>
        <li>所在地区<span>\{{mainInfo.area}}</span></li>
        <li>会员来源<span>\{{mainInfo.companyName}}</span></li>
    </ul>

    <div class="head">
        <i class="iconfont icon-bold-heart pink"></i>
        <span>择偶条件</span>
    </div>
    <ul>
        <li>年龄要求<span>\{{mainInfo.mateAge}}</span></li>
        <li>学历要求<span>\{{mainInfo.mateEducation}}</span></li>
        <li>收入要求<span>\{{mainInfo.mateIncome}}</span></li>
        <li>身高要求<span>\{{mainInfo.mateHeight}}</span></li>
        <li>籍贯要求<span>\{{mainInfo.mateNative}}</span></li>
        <li>所在地区<span>\{{mainInfo.mateArea}}</span></li>
        <li>婚姻状况<span>\{{mainInfo.mateMarry}}</span></li>
    </ul>

    <div class='bottom'>
        <a href="javascript:;" class='btn' @click="sendMsgDialog(mainInfo.id)">
            <i class='iconfont icon-open-mail'></i>
            <span>发信息</span>
        </a>
        <a href="javascript:;" class='btn' @click="sh(mainInfo.id)">
            <i class='iconfont icon-star'></i>
            <span>送鲜花</span>
        </a>
    </div>

    <!-- 发消息 -->
    <div class='modal' id='letter' v-if="showSendMsg">
        <div class='main'>
            <i @click="sendMsgDialog()" class='iconfont icon-x'></i>
            <div class='content'>
                <!-- <h2>在这里写信件内容</h2> -->
                <div class='controls'>
                    <span>内容</span>
                    <textarea v-model="msgContent"></textarea>
                </div>
                <p>
                    您可以免费给TA写信件，对方也可以免费看信，建议互相熟悉后再交换联系方式，禁止发送不良信息，否则账号一律查封。
                </p>
            </div>
            <div class='modal-footer'>
                <a @click="sendMsgDialog()" href="javascript:;">取消</a>
                <a @click="sendMsg(msgContent)" href="javascript:;">发留言</a>
            </div>
        </div>
    </div>

</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>var app = 'enroll_detail';</script>
<script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>